<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    /* 
    1. 函数节流与防抖用来做什么的?
      事件高频触发处理导致页面卡顿或请求过多的问题
    2. 区别
      函数节流: 执行少量几次 => 每隔指定的时间才执行一次
      函数防抖: 执行最后一次 => 当次事件只有在后面指定时间内没有再触发才会执行
    3. 开发应用场景
      函数防抖: 输入关键字实时搜索
      函数节流: 拖拽 / 滑动/ 点击抢购 / 三级分类切换显示
    4. 实现:
      开发中一般使用Loadsh
      函数节流: 只有当当前与上一次处理的时间间隔大于指定时间才调用事件处理调用
      函数防抖: 启动延迟指定时间的定时器准备调用事件处理函数, 但在这之前, 要将未完成的定时器清除
    */
  </script>
</body>
</html>